<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/ion.rangeSlider.css" rel="stylesheet" type="text/css"></link>
<link href="css/ion.rangeSlider.skinFlat.css" rel="stylesheet" type="text/css"></link>
<script src="http://127.0.0.1:9090/static/js/jquery.min.js?v=v1.0.3" type="text/javascript"></script>
<script src="js/ion.rangeSlider.js" type="text/javascript"></script>
</head>
<input type="text" id="range_1" />
<script type="text/javascript">

$(document).ready(function(){
	$("#range_1").ionRangeSlider({
		min: -30,
		max: 30,
		from:-10,
		to: 0,
		type: 'double',//设置类型
		step: 0.25,
		prefix: "",//设置数值前缀
		postfix: "",//设置数值后缀
		prettify: true,
		hasGrid: true,
		onFinish:function(opt){
			console.log(opt);
		}
	});
});

</script>
<body>
</body>
</html>
